¡Bienvenido a la interfaz web del FSI Server!
Esta pestaña proporciona una descripción general sobre cómo utilizar la interfaz web para administrar y publicar sus imágenes.
|
|
Versión del software
Actualmente está ejecutando las siguientes versiones de software:1 Visión general
La interfaz consta de 3 secciones principales: Vista de carpeta (1), área de trabajo (2) y vista de archivo (3).La dimensión de estas secciones se puede cambiar arrastrando las barras divisorias entre las secciones.
2 Vista de carpeta
La Vista de carpetas contiene pestañas para explorar la estructura de carpetas y para buscar.En la parte superior, el nombre del directorio raíz (nombre del servidor) es visible.
El directorio raíz contiene todos los Source Connectors (perfiles) disponibles en este FSI Server específico, que se enumeran debajo del directorio raíz.
El seguimiento source connector tipos son posibles dentro del directorio raíz:
- Static: (solo para archivos estáticos, por ejemplo, los gráficos de estilo que desea utilizar en su sitio web)
- Storage: (Las imágenes se importarán al almacenamiento para obtener imágenes de una sola fuente de alto rendimiento)
- Multi Resolution: (el perfil contiene solo archivos TIFF de resolución múltiple)
También es posible determinar permisos diferentes para cada carpeta (Lectura, Escritura, Lista, Tareas), los permisos establecidos para la carpeta seleccionada actualmente se pueden ver a través de Más información ... en la parte inferior de la vista de carpeta.
También es posible que el administrador defina comentarios personalizados (por ejemplo, qué tipo de archivos se recomienda colocar en una carpeta determinada) para cada tipo de Source Connector, que aparecerá en la parte inferior de la Vista de carpetas. Estos comentarios se pueden definir a través de un archivo XML.
3 Vista de archivo
En la vista de archivo, los directorios y archivos de la carpeta seleccionada son visibles.En la barra superior, se pueden seleccionar varias acciones para administrar archivos y directorios a través de los íconos:
Crear carpeta, Renombrar, Copiar, Cortar, Pegar, Eliminar
El menú desplegable de clasificación le permite ordenar los elementos según ciertos criterios. Con el botón de flecha debajo, se puede cambiar el orden de la función de clasificación elegida.A la derecha del menú de clasificación, puede cambiar la apariencia de las carpetas y elementos dentro de la vista de archivo. Para cambiar el tamaño de las miniaturas, haga clic en el botón de miniaturas más grandes / pequeños para cambiar la vista o deslice el controlador de miniaturas en la dirección deseada.
Los botones de la izquierda te permiten elegir entre
- Vista de pagina: Los elementos se mostrarán como páginas dobles, con la primera como portada y la última como página atrás (única) (útil para mostrar catálogos)
- Vista en miniatura: Cada imagen se mostrará como una miniatura.
- Vista de la lista: los elementos se mostrarán en una lista con el Nombre del archivo, Ancho x Alto, Tamaño del archivo, Última fecha de modificación y Estado y se pueden clasificar por esas características haciendo clic en el nombre de la característica
Al usar el botón derecho del mouse dentro del área de visualización de archivos, se puede acceder a más acciones a través del menú contextual, como volver a importar elementos seleccionados, agregar archivos a un archivo de descarga, descargar el elemento seleccionado, crear un favorito, etc. Arrastrar y soltar Es posible dentro de la vista de archivo y la vista de carpeta. Los archivos o carpetas se pueden arrastrar desde el navegador de archivos del sistema operativo al archivo o Vista de carpetas para subirlos al servidor.) Además, puede copiar o mover elementos arrastrándolos a la carpeta de destino en el árbol o en la vista de archivo.
Al hacer clic en un archivo específico en la vista de archivo, se activará el área de trabajo superior.
3.1 Operaciones de archivo y carpeta
Creando un nuevo directorio La raíz de la vista de carpeta contiene diferentes Source Connectors. Para crear una carpeta dentro de uno de estos Source Connectors, ya sea- Haga clic derecho en el nombre del perfil y elija "Crear nueva carpeta"
- Haga clic con el botón derecho en la vista general del directorio en la parte inferior derecha, elija "Crear nueva carpeta"
- Haga clic en el botón de carpeta en la vista general del directorio y se abrirá la ventana "Crear carpeta"
4 Área de trabajo
Dentro del área de trabajo, se muestran diferentes tareas e información sobre los elementos seleccionados. Dependiendo del formato del archivo, puede elegir entre las siguientes pestañas:Ver, Metadatos, Color, Publicar en Web, Subir, Descargar y Ayuda.
El botón de la ventana4.1 Ver
En esta pestaña, puede ver la imagen seleccionada utilizando FSI Viewer, en la que puede usar todas las funciones estándar, incluida una opción de pantalla completa.
4.2 Metadatos
Los metadatos de la imagen se mostrarán y se dividirán en tres secciones: General, IPTC y datos EXIF.
Todos los campos de metadatos - excepto los del grupo "General". - se puede editar, borrar o agregar. Para cambiar los datos existentes, haga clic en el valor del campo correspondiente y escriba el valor deseado. Al hacer clic en el botón "Agregar campos" en el menú Opciones en la parte inferior de la página, puede agregar campos de datos IPTC o EXIF.
Puede aplicar las tareas en el menú de opciones en la parte inferior a todos los metadatos editables (que se caracterizan por las casillas de verificación delante del nombre de los Datos).
Puede elegir marcar o desmarcar todos los metadatos editables, vaciar los valores que se muestran actualmente en los campos de datos, volver a importar metadatos desde el archivo de origen o eliminar todos los campos seleccionados. Los cambios se guardarán automáticamente.
Al mantener presionada la tecla Mayús mientras selecciona las casillas de verificación, puede seleccionar varias casillas de verificación a la vez.
Si selecciona varias imágenes o archivos a la vez, puede aplicar valores de campo modificados a todos seleccionando la tarea "Aplicar a todos los archivos seleccionados" en el menú de opciones.
4.3 Color
Esta pestaña proporciona información sobre la distribución del tinte, los histogramas de color y el perfil ICC, si corresponde.
- Distribución de tinte: Tanto el gráfico circular como el histograma muestran la distribución de cada color en la imagen en porcentaje.
- Histogramas: Aquí se proporcionan los histogramas RGB, Rojo, Verde, Azul y Saturación.
- Perfil ICC: El perfil ICC es un perfil de referencia de color, que describe las características del dispositivo al que corresponde. Se utilizan para permitir la mejor reproducción de color posible y para proporcionar una consistencia de color independiente del dispositivo utilizado. En esta pestaña puede ver los puntos multimedia (el espacio de color que se utiliza para la imagen), así como los datos del perfil, como Descripción, CMM (módulo de gestión de color), fabricante, creador y la fecha de creación. También tiene la posibilidad de descargar el perfil para usarlo en su flujo de trabajo posterior.
4.4 Publicar en la Web
Mientras tiene seleccionada una imagen o carpeta, puede ver todas las formas posibles de publicación para el elemento específico visitando la pestaña Publicar en la Web.
La interfaz de publicación está dividida en cinco secciones: Lista de parámetros/predefinidos, código fuente, secuencias de comandos, vista previa y ayuda contextual. Puede cambiar el tamaño de cada sección arrastrando los botones de las barras de sección al tamaño deseado.
- Lista de presets/parámetros: Puedes elegir entre varios presets (Static Image, Responsive Image, Zoom & Pan, 360° Spins, Catalogues, etc.) dentro de esta pestaña. Después de elegir un ajuste preestablecido, aparecerá la lista de parámetros disponibles para la opción de publicación.
- Código fuente: En esta área puede ver el código fuente de la opción de publicación seleccionada que puede editar y copiar para publicar las imágenes.
- Scripts Requeridos: En caso de que haya seleccionado una opción de publicación que requiera un visor (e.g. Responsive Image or Zoom & Pan), los scripts necesarios que deben incluirse para cargar los espectadores se enumeran aquí.
- Avance: En esta sección, verá una vista previa en vivo de los cambios aplicados al código fuente. La vista previa también cambia según el ajuste preestablecido que elija. Esto facilita ver de inmediato cómo se verán sus imágenes o el visor cuando se implemente.
- Ayuda contextual: Esta sección le muestra dinámicamente una descripción del preset o parámetro seleccionado.
Image, staticSimple Image: Publica la imagen con una etiqueta de <img< simple. Requiere una sola imagen de alta resolución. Puede configurar las dimensiones y el formato de salida (JPEG, PNG o GIF), así como agregar varios efectos a la imagen estática. Simple Image with srcSet: Publica la imagen con una etiqueta de <img< simple y srcSets. El atributo srcset contiene una lista separada por comas de varias URL de imágenes. El navegador decide qué tamaño de imagen es mejor para el usuario en el momento de la visita de la página. Esto evita múltiples cargas de recursos y problemas de rendimiento en entornos de ancho de banda restringido.
Cuando un usuario visita un sitio web, todas las imágenes en la página actual se cargan en el tamaño más apropiado para el dispositivo utilizado. Requiere una sola imagen de alta resolución. Agrega automáticamente srcSets en diferentes variaciones a la etiqueta img. Puede configurar las dimensiones y el formato de salida (JPEG, PNG o GIF), así como agregar varios efectos a la imagen estática. Padded Image: Publica la imagen con una etiqueta de <img< simple y un efecto pad. Por lo tanto, la dimensión de la imagen resultante siempre coincidirá con el tamaño solicitado. Requiere una sola imagen de alta resolución. Puede configurar las dimensiones y el formato de salida (JPEG, PNG o GIF), así como agregar varios efectos a la imagen estática. Image, responsiveLas siguientes opciones requieren una sola imagen de alta resolución y publicar la imagen con FSI QuickZoom o FSI TouchZoom. Tenga en cuenta que también debe copiar la sección del script requerido (o usar la opción para copiar el código fuente como un documento HTML 5 completo). Image, in place mouse-over zoom: Publica la imagen con una etiqueta de <img< simple y FSI QuickZoom. Al pasar el cursor sobre la imagen con el cursor, la imagen se ampliará. Image, fly-out zoom on mouse over: Publica la imagen con una etiqueta de <img< simple y FSI QuickZoom. Al pasar el cursor sobre la imagen con el cursor, la imagen se mostrará ampliada en una ventana al lado de la imagen original. Image, dynamic resolution: Publica la imagen con una etiqueta de <img< simple y FSI TouchZoom. Si la página se acerca con el zoom en los dispositivos táctiles, las imágenes se mostrarán en la resolución que coincida con la ampliación actual. Image, dynamic resolution and mouse-over zoom: Publica la imagen con una etiqueta de <img< simple y FSI TouchZoom y FSI QuickZoom. Al pasar el cursor sobre la imagen con el cursor, la imagen se ampliará. Si la página se acerca con el zoom en los dispositivos táctiles, las imágenes se mostrarán en la resolución correspondiente a la ampliación actual. Zoom & PanTLas siguientes opciones requieren una sola imagen de alta resolución y habilitan un zoom 2D basado en Javascript. Tenga en cuenta que también debe copiar la sección del script requerido (o usar la opción para copiar el código fuente como un documento HTML 5 completo). Requiere una sola imagen de alta resolución. FSI Viewer, black skin: Esta opción habilita el zoom y la panorámica con una barra de menú negra. FSI Viewer, silver skin: Esta opción habilita el zoom y la panorámica con una barra de menú plateada. FSI Viewer, white skin: Esta opción habilita el zoom y la panorámica con una barra de menú blanca. FSI Viewer, no UI: Esta opción habilita el zoom y la panorámica sin barra de menú. FSI Viewer, with measure plugin: Esta opción habilita el zoom y la panorámica con una función habilitada que le permite medir partes de la imagen. 360°SpinsLas siguientes opciones permiten que una herramienta basada en JavaScript muestre 360° el objeto gira en combinación con el zoom. Tenga en cuenta que también debe copiar la sección del script requerido (o usar la opción para copiar el código fuente como un documento HTML 5 completo). Dependiendo de las capacidades del dispositivo, ofrece soporte de zoom en el lugar o zoom de pellizco. Esta opción de publicación requiere una carpeta que contenga una serie de imágenes de alta resolución tomadas desde diferentes ángulos de visión. Puede activarlo haciendo clic en la carpeta que contiene el conjunto de imágenes de 360 grados o haciendo clic en una de las imágenes dentro de la carpeta. Se pueden agregar puntos calientes opcionales con contenido HTML proporcionando coordenadas 3D. FSI Viewer, black skin: Esta opción permite 360 giros y zoom con una barra de menú negra. FSI Viewer, no UI: Esta opción permite 360 giros y zoom sin barra de menú. ShowcasesFSI Showcase combina los beneficios de FSI Viewer JS con FSI ThumbBar. Se crea para ver varias imágenes con un carrusel de imágenes. Al hacer clic en una imagen, se mostrará en la instancia de FSI Viewer JS colocada sobre el carrusel. La opción publica todas las imágenes en una carpeta, incluidas las vistas previas en miniatura. Showcase - thumbnails to the bottom: Las miniaturas se muestran debajo del visor. Showcase - thumbnails to the top: Las miniaturas se muestran sobre el visor. Showcase - thumbnails to the right: Las miniaturas se muestran a la derecha del visor. Showcase - thumbnails to the left: Las miniaturas se muestran a la izquierda del visor. ThumbBarsFSI ThumbBar se crea para publicar todas las imágenes en una carpeta como un carrusel de imágenes basado en JavaScript con efecto espejo incorporado opcional y zoom de página completa. ThumbBar horizontal: Muestra imágenes en una barra de pulgar horizontal. ThumbBar vertical: Muestra imágenes en una barra vertical de pulgar. E-Books / E-CataloguesFSI Pages publica todas las imágenes en una carpeta como un catálogo o catálogo interactivo. Catalog with flip layout:: Un simple e-catálogo sin hipervínculos utilizando una animación flip. Catalog with flip layout and hyperlinks:: Un e-catálogo que contiene hipervínculos utilizando una animación flip. Catalog with scroll horizontal layout:: Un e-catálogo con animación de desplazamiento horizontal. Catalog with scroll vertical layout:: Un e-catálogo con animación de desplazamiento vertical. Catalog with scroll horizontal layout with hyperlinks:: Un e-catálogo que contiene hipervínculos utilizando una animación de desplazamiento horizontal. Catalog with scroll vertical layout with hyperlinks:: Un e-catálogo que contiene hipervínculos utilizando una animación de desplazamiento vertical. Catalog with hyperlinks, chapters and intro:: Un catálogo electrónico con hipervínculos, plug-in de capítulos (tabla de contenidos) y contenido de introducción (contenido antes de la portada). Image GridFSI Image Grid es un simple visor basado en HTML5 y Javascript que le permite mostrar una galería de imágenes como una cuadrícula, opcionalmente con títulos y descripciones generadas a partir de metadatos de imágenes. Small Image Grid: Una grilla de imagen sensible con miniaturas pequeñas. Medium Image Grid: Una cuadrícula de imágenes receptiva con miniaturas de tamaño mediano. Large Image Grid: Una grilla de imagen sensible con miniaturas grandes. Image Grid with meta data: Una cuadrícula de imágenes receptiva que muestra los metadatos (títulos, descripciones, créditos, etc.) de cada imagen. GamesImage Twins: Un juego memo donde el objetivo es encontrar pares de imágenes idénticas. |
|
4.4.1 Cómo publicar
Después de seleccionar una opción de publicación, puede establecer las dimensiones deseadas, agregar parámetros para diseñar el visor o la imagen como desee y luego copiar el código fuente que se muestra.4.4.1.1 Código fuente
La sección Código fuente le permite controlar el aspecto de su imagen o visor al configurar las dimensiones y el formato, así como agregarle efectos u opciones de recorte.
Descripciones de la barra de herramientas del código fuente
El menú contextual accesible con el botón en la parte superior derecha también le da acceso a la barra de menú del código fuente y, además, le permite abrir la vista previa en otra ventana.
Después de configurar todo, si está satisfecho con el aspecto de la imagen o el visor (que puede ver en la sección de vista previa), puede copiar el código fuente utilizando los botones correspondientes en el menú o simplemente seleccionando el contenido del editor de código. y copiarlo en tu pagina. Para los espectadores que publican imágenes e imágenes receptivas, es crucial también incrustar los scripts necesarios en su página web. Los scripts se pueden ver en la Sección de Scripts Requeridos:
Puede hacerlo copiando el script manualmente o utilizando el botón correspondiente en la barra de menú del código fuente o en el menú contextual:
4.4.1.2 Parámetros
Seccion de parametrosAdemás, también puede establecer varios parámetros para publicar una imagen o un visor. Después de elegir un preset, la sección de parámetros se abre a la derecha. Puede agregar parámetros a la sección de código fuente haciendo doble clic en el parámetro correspondiente. La ayuda contextual muestra una breve descripción de los parámetros. Para obtener información más detallada, consulte el FSI Viewer Manual en linea.. |
|
4.4.2 Efectos
Al hacer clic en el botón de efecto, la ventana de efecto se abre. Haga doble clic en el efecto deseado o arrástrelo hacia la izquierda para seleccionarlo. Puede ajustar las opciones del efecto o eliminarlo en la columna derecha debajo de la imagen de vista previa. Si se aplica más de un efecto, también es posible cambiar el orden de procesamiento de los efectos arrastrando el efecto para lograr la secuencia deseada. Al hacer clic en "ON", los efectos se aplicarán a la imagen o al visor y serán visibles en el código fuente.
4.4.3 Editor de hipervínculos
Esta pestaña proporciona acceso al editor de hipervínculos JS para páginas FSI. El editor de enlaces le permite agregar convenientemente hipervínculos e íconos a su catálogo en línea.
El editor reconoce los hipervínculos existentes y también le permite cambiarlos, es decir, los enlaces creados con el antiguo Editor de hipervínculos de Flash se muestran en el nuevo editor y también se pueden cambiar, pero se guardarán en un formato diferente. Como resultado, los enlaces creados o modificados con el nuevo editor no son compatibles con las versiones anteriores de FSI Pages Flash, solo funcionan con las nuevas versiones de FSI Pages JavaScript.
Esta sección te ayudará a comenzar con el editor.
|
1. General
El editor de enlaces consta de diferentes secciones: En el lado izquierdo verá las páginas individuales de su catálogo, el lado derecho se divide en 4 secciones:La lista de enlaces muestra todos los enlaces que están integrados en el sitio actual de su catálogo. Puede mover los enlaces para decidir cuál debe estar en primer plano arrastrándolos a la posición deseada en la lista. Esto es útil si las formas se superponen, la posición decide qué enlace está activo en la sección de superposición al pasar el mouse por encima. El enlace al final de la lista está en primer plano.
Enlace de datos Muestra la información del enlace seleccionado.
La barra de herramientas le permite desplazarse por el catálogo y agregar y cambiar enlaces.
Nuevas formas contiene una preselección de formas e iconos que se pueden agregar al sitio. También es posible agregar sus propias formas a esta sección, para obtener más información, consulte Cómo agregar SVG para formas/íconos propios.
El editor distingue entre Enlaces y Iconos.
Puedes elegir entre:
- Enlace, coloreado automático: relleno transparente, cambio de color y & línea de hormigas en el mouse sobre o mientras se presiona
- Enlace, color original: relleno opaco, no cambie de color con el mouse sobre
- Icono: se muestra con el color original, puede tener información sobre herramientas, pero no se puede hacer clic en él (es decir, no hay hipervínculos)
Además, eres capaz de cambiar un Enlazaren general o simplemente una forma de enlace.Un enlace puede constar de una o varias formas de enlace. Si un enlace solo tiene una forma asignada, entonces el enlace es igual a la forma del enlace, es decir, la acción de seleccionar/transformar enlace y seleccionar/transformar forma de enlace hace lo mismo.
2. Atajos
- CTRL + S: Save
Se aplican los siguientes accesos directos, si el foco no está en un editor de entrada o de enlace externo:
- CTRL + Z: Deshacer
- CTRL + YZ: Rehacer
- CTRL + A: Seleccionar todo
- CTRL + D: Seleccione ninguno
- CTRL + X: Cortar
- CTRL + C: Dupdo
- CTRL + X: Pegar
- CTRL + M: Eliminar la transformación de los enlaces/formas seleccionados
- CTRL + 1 - CTRL + 9: Modos de ratón
- DELETE: Eliminar enlaces/ ormas seleccionados
- Arrow left: Pagina anterior
- Arrow right: Siguiente página
- Pos 1: Primera página
- END: Última página
- Arrow Up: Seleccione el enlace anterior en la tabla de enlaces
- Arrow Down: Seleccione el siguiente enlace en la tabla de enlaces
- SPACE BAR: Disminuir el zoom
3. Navegar por el catálogo
Puede navegar a través del catálogo con los botones de FSI Pages. Puede escribir un número de página en el cuadro y el editor cambiará a la página correspondiente.
4. Zoom & Pan
Los botones conocidos del FSI Viewer se pueden usar para ampliar la página y para mover la sección que está visible. También puede mover la sección mientras usa la ventana del navegador.
5. Añadiendo formas
Para agregar un nuevo enlace a su sitio, puede arrastrar y soltar cualquier forma de la sección Nuevas formas a su sitio o usar el Polígono de dibujo o Gratis Botones de forma para crear nuevas formas. Con la herramienta de dibujo Polygon puede cerrar la forma ya sea conectando el último punto al primer punto o presionando CTRL mientras dibuja el punto final. La forma de forma libre termina cuando dejas de dibujar.
6. Selección de enlaces/formas de enlaces
Con los botones correspondientes, puede seleccionar el enlace completo o solo una forma de enlace. Después de seleccionarlo, puede editar los datos del enlace.
7. Enlace de datos
Se pueden hacer los siguientes cambios:
- tipo: decide en qué tipo se mostrará la forma:
- Enlace, coloreado automático: tiene un relleno transparente y también cambia de color y tiene una línea de hormigas en el mouse sobre o mientras se presiona
- Enlace, color original: no cambiar de color.
- Iconos: se mostrarán con el color original. Pueden tener información sobre herramientas, pero no se pueden hacer clic
- URL del enlace: especifica la URL que debe abrirse al hacer clic en el enlace
- URL de destino del enlace: especifica dónde abrir el documento vinculado (_blank, _self,...)
- información sobre herramientas del enlace: agrega información sobre herramientas en formato HTML a los enlaces en mouseover
8. Transformando enlaces/formas de enlaces
Con los botones correspondientes puede mover o transformar todo el enlace o solo una forma de enlace. Puede usar CTRL y arrastrar un controlador para rotar la forma. Si desea deshacer su transformación, puede usar el botón Deshacer o, si desea restaurar el estado original, use el botón Eliminar transformación.
9. Mover la forma del enlace a otro enlace
Con este botón es posible mover una forma de enlace a otro enlace. Para hacerlo, haga clic en la forma del enlace que desea mover y luego arrastre la forma al enlace con el que desea combinarla en la lista de enlaces. Si mueve la forma a un espacio vacío en la lista, se creará un nuevo enlace.
10. Eliminar/Cortar/Copiar/Pegar
Puede eliminar el enlace, cortarlos o copiarlos y pegarlos en otra ubicación u otra página con los botones correspondientes.
11. Eliminar la transformación
Este botón elimina toda la transformación de las formas de enlace seleccionadas o enlaces.
12. Fin/Rojo
Puedes deshacer o rehacer tus pasos con estos botones. El editor cambia automáticamente a la página en la que se realizaron los cambios.
13. Pantalla completa
Para una mejor usabilidad, puede mostrar el editor de enlaces en modo de pantalla completa.
14. Salvar
Al hacer clic en el botón Guardar o presionar CTRL + S, se guardarán sus cambios. Los hipervínculos se guardarán en los metadatos de la imagen como FSI Extra, que puede ver en la pestaña Metadatos.
15. Añadiendo SVG para formas/iconos propios
Es posible agregar sus propias formas a la sección Nueva forma. Las formas consisten en archivos SVG que se almacenan en el
/_service_files/Link Editor Shapes/carpeta de la interfaz web de su FSI Server.
Para agregar formas personalizadas, necesita agrupar su ícono y agregar una o más clases al grupo en su archivo SVG:
- class="fsi-pages-link-shape" - Muestra la forma con la configuración de color original.
- class="fsi-pages-link-shape fsi-pages-link-auto-color" - Muestra la forma con el ajuste de color automático.
- class="fsi-pages-link-shape fsi-pages-link-icon" - Muestra la forma con el icono de configuración.
4.4.4 Editor de punto de acceso
Al publicar un "Zoom & Pan" visor (para imágenes individuales) o el "360° Spins" En el visor (para giros de 360°), puede acceder al editor haciendo clic en el icono "Editar puntos de acceso" en la barra de menú de publicación:
O con la opción correspondiente en el menú contextual accesible en la sección "Su código fuente":
El editor se abrirá en una nueva ventana.
Pestaña HotSpot
Visión general
La pestaña HotSpot consta de las siguientes secciones:
- Viewer
- Pestaña HotSpot /Scenery pestaña
- Datos de HotSpot
- Enlace URL y destino
- Texto de HotSpot
- Barra de herramientas
- Formas HotSpot
Lista de HotSpot
Estas secciones en la pestaña Hotspot muestran una descripción general de los hotspots agregados.Datos de HotSpot
En esta sección puede cambiar el aspecto de los puntos de acceso agregados al arrastrar y soltar. Puede definir la posición del punto de acceso así como la posición del marcador para el texto. Puede cambiar la escala del icono y, en caso de que desee restringir la visibilidad a una escala de zoom determinada, defina la visibilidad del zoom. También puede agregar diferentes clases de CSS para personalizar los puntos de acceso en modo normal, activo y activo.Barra de herramientas
La barra de herramientas contiene las siguientes funciones:
- Guardar: guarda todos los cambios en una configuración XML
- Cargar configuración: carga un archivo de configuración XML
- Restablecer - vuelve a la vista inicial
- Alejar - disminuye la ampliación
- Acercar - aumenta la ampliación
- Selección de zoom: le permite dibujar una forma rectangular como sección de zoom
- Arrastrar imagen: cuando está activada, puede arrastrar la imagen ampliada en cualquier dirección para desplazarse
- Seleccionar HotSpot(s): cuando se activa, el hotspot en el que se hace clic se selecciona automáticamente
- Mover: le permite mover el punto de acceso en una dirección determinada (imagen única: mover el punto de acceso en dirección x,y - y,z y x,y solo está disponible para 360°)
- Eliminar: elimina el punto de acceso seleccionado
- Cortar - Corta la selección actual
- Copiar - copia la selección actual
- Pegar - pegar puntos de acceso copiado
- Deshacer - deshacer el último cambio
- Rehacer - rehacer último cambio
- Pantalla completa: abre el editor en modo de pantalla completa
Agregando hotspots a una sola imagen
Agrega un HotSpot
Para agregar un punto de acceso, simplemente arrastre una forma para la sección de formas de HotSpot al espectador de la izquierda en la posición deseada.Añadir texto y URL a un HotSpot
En la sección "Vincular URL y destino" puede definir la URL a la que conduce el punto de acceso al hacer clic, así como el objetivo del enlace (_blank or _self). En la sección "Texto" puede agregar texto que se mostrará con un marcador al lado del punto de acceso. Puede utilizar el formato de texto HTML para dar estilo al texto como desee.Diseñe un HotSpot
Puedes personalizar los hotspots ya sea por
- usando los parametros hotspotDotColor1, hotspotDotColor2, hotspotLineColor1,hotspotLineColor2 (ver manual) en el dia
- o establezca clases de CSS para los puntos de acceso en la pestaña HotSpot Data del editor
Guardar configuración
Cuando haya terminado de configurar todos los hotspots según lo desee, puede guardar los cambios en un archivo de configuración XML presionando el botón "Guardar". Cerrar la ventana lo llevará a la pestaña de publicación nuevamente con el archivo de configuración agregado a la etiqueta.Agregando hotspots a un giro de 360°
A diferencia de agregar un punto de acceso a una sola imagen, para un giro de objeto primero debe definir el cuadro delimitador del objeto. Esto se puede hacer dentro de la pestaña Escenario, que se abre automáticamente al hacer clic en el Editor mientras se publica un giro.Pestaña Scenery
El editor se abre con la pestaña "Scenery", donde puede configurar los parámetros utilizados para definir el objeto 3D utilizado para agregar los puntos de acceso correctamente.Parámetros vitales: Camera Para crear puntos de acceso, es importante conocer las posiciones de la cámara cuando se dispara el giro de 360 °. Esto hace que sea más fácil agregar los puntos de acceso de una manera más precisa.
digitalCropFactor el valor depende del tamaño del chip del sensor óptico de la cámara. Para cámaras de fotograma completo, el valor es "1.0". Los valores comunes están entre 1.5 y 1.6. El factor de recorte es el mismo que afecta la distancia focal del objetivo de su cámara. P.ej. La distancia focal de un objetivo con una cámara de fotograma completo es de 50 mm. Con una cámara que tiene un factor de recorte de 1.5, la distancia focal efectiva sería 1.5 x 50 mm = 75 mm.
focalLength Define la distancia focal del objetivo de la cámara en mm.
Camera postion (parámetro postion) x,y,z y CameraTarget (parámetro targetPosition) x,y,z defina la posición de la cámara y el objeto en mm (vea la ilustración).
Virtual Cube parámetro Usando los parámetros de la cámara, el espectador calcula la posición de los puntos calientes. También puede agregar opcionalmente coordenadas de espacio virtual. El "cube" es el cuadro delimitador del objeto de giro en milímetros (vea la ilustración a continuación). Para esto, necesitas conocer las medidas del objeto del giro.
Camera Arm (solo giro de dos ejes) Si también gira su objeto alrededor del eje x, se aplican parámetros adicionales que se pueden encontrar en la FSI Viewer JS manual en linea.
Image Sequence Si está utilizando más de un eje, SceneSets Puede ser útil: definen el orden de las escenas que se mostrarán. En el visor, las escenas se pueden seleccionar moviendo el mouse horizontalmente y los conjuntos de escenas se pueden seleccionar moviendo el mouse verticalmente. Los conjuntos individuales deben separarse con ";" (punto y coma). Las escenas dentro de los conjuntos se separan con "," (coma) y especifican el índice basado en 1 de la imagen de izquierda a derecha, de arriba a abajo hasta el número total de escenas. En lugar de escenas individuales, también puede especificar rangos de escenas, por ejemplo, "5-10".
Video En caso de que desee agregar un video para un giro más suave, puede agregar los parámetros correspondientes aquí. Por favor refiérase a el manual para una explicación detallada de los parámetros..
Initial View Si desea definir una vista diferente al inicio del visor, puede configurar esto aquí. Simplemente haga zoom y mueva el visor en la dirección deseada y haga clic en el botón initialView para guardar su selección como punto de partida.
Pestaña Hotspots
Después de configurar su cubo, vaya a la pestaña "Hotspot" para agregar Hotspots. (ver descripción arriba).4.5 Subir
Dependiendo del tipo de Source Connector seleccionado, puede cargar diferentes tipos de archivos. Hay varias posibilidades para cargar imágenes en la interfaz.
- Elija la pestaña Cargar, haga clic en el botón "Elegir archivos" para agregar archivos para cargar en la lista. Los archivos se subirán a la carpeta actual.
- Arrastre y suelte archivos a la vista de archivos o a la vista de carpetas
4.6 Descargar
Hay varias posibilidades para descargar imágenes desde la interfaz.
- Arrastre y suelte los archivos o carpetas desde la vista de archivos a la pestaña de descarga o
- Seleccione los elementos en la vista de archivo y elija Agregar para descargar el archivo desde el menú contextual.
Opcionalmente, puede programar el inicio de la descarga a una hora específica y elegir un nombre de archivo.
Al hacer clic en el botón "Aceptar" se inicia el proceso de creación y se agrega la descarga a la carpeta Mis descargas del directorio raíz.
4.7 Lote
Dentro de esta pestaña, puede descargar imágenes procesadas por lotes.
- Seleccione los elementos en la vista de pulgar y elija Agregar el proceso por lotes en el menú contextual - o -
- Arrastrar y soltar archivos de la vista de archivos a la pestaña Lote
Aquí puede elegir el nombre de configuración y el tipo de archivo (ZIP, tar.gz, tar.bz2).
Puede descargar archivos de origen no modificados o imágenes procesadas.
Cuando decida descargar imágenes procesadas, puede elegir si desea reemplazar o agregar las extensiones de archivo.
También puede guardar sus configuraciones en caso de que quiera usarlas nuevamente.
Verá un cuadro de diálogo debajo donde puede cambiar las dimensiones, agregar varios efectos, recortar la imagen y ver la vista previa de la imagen procesada. Una vez que haya terminado de elegir las operaciones para aplicar a las imágenes, puede presionar "Aceptar" para volver a la pestaña Lote.
Opcionalmente, puede programar el inicio de la descarga a una hora específica y elegir un nombre de archivo.
Al hacer clic en el botón "Aceptar" se inicia el proceso de creación y se agrega la descarga a la carpeta Mis descargas del directorio raíz.
4.8 licencia
LEsta pestaña le brinda una descripción general de su información de licencia y le permite ingresar su clave ya sea cargando el archivo de licencia correspondiente o escribiendo los datos de la licencia manualmente.
El Datos para la generación de licencias (LRD) es crucial para actualizar su licencia.
5 Habilitar la búsqueda
FEl FSI Server utiliza Apache Solr como una base de datos para permitir la búsqueda en metadatos de activos. El servidor Solr no está integrado en el FSI Server ya que la base de datos estaba en las versiones del FSI Server 1 y 2.Si necesita buscar, por ejemplo en las páginas FSI, deberá proporcionar una instancia de Solr para que la utilice el FSI Server.
Si está utilizando la versión acoplable del FSI Server, puede agregar fácilmente un contenedor Solr. Tenga en cuenta que esto debe hacerse ANTES de que se cree el contenedor del FSI Server. Como FSI Server y Solr / Lucene son aplicaciones de memoria crítica, no deben implementarse en la misma JVM que no sea para pruebas.
IMPORTANTE:
Para entornos de producción, es altamente recomendable implementar el paquete Solr en una instancia propia de Tomcat / JVM. En entornos de alta carga, debe considerar instalar la instancia de Soldata-r en un hardware separado.
Instalación:
1. Descargue e implemente Solr copiando el archivo WAR descargado a la carpeta webapps de tomcat o tire Solr en la versión Alpine si usa Docker.
2. Configure las restricciones de acceso a Solr si es necesario.
- De forma predeterminada, el acceso al servidor Solr está limitado a las conexiones de las direcciones IP locales. Si está instalando el paquete en una máquina diferente, entonces tendrá que deshabilitar esta limitación al comentar Valve- configuration en webapps/solr/META-INF/context.xml
- El acceso al servidor Solr no está restringido a un usuario específico, pero debería estarlo cuando se elimine la limitación anterior. Para habilitar esta característica de seguridad, por favor descomprima el "security contraint" y el "login-config" bloques en webapps/WEB-INF/web.xml y agregue un usuario adecuado a su instalación de Tomcat, por ejemplo, agregando las siguientes líneas a su tomcat-users.xml:
<tomcat-users>
<role rolename="solr_user"/>
<user username="fsi" password="mypassword" roles="solr_user"/>
</tomcat-users>
- Establezca el atributo "habilitado" de las secciones de "búsqueda" en true en sourcemanager.xml y requestprocessor.xml y configure las credenciales de inicio de sesión de acuerdo con el paso anterior, si es necesario.